---
title: Astroコース
sidebar:
  label: コース
description: Astroを学ぶためのコースとチュートリアルの一覧。公式の「ブログ構築チュートリアル」と、推奨の学習リソースを紹介します。
i18nReady: true
---
import { LinkCard, CardGrid } from '@astrojs/starlight/components';


Astroを、コースやチュートリアルで学びはじめてみませんか？

[公式ドキュメントのブログ構築チュートリアル](/ja/tutorial/0-introduction/)でAstroの基本を学ぶことができます。また、おすすめのAstro学習コンテンツコレクションもご覧ください。


## 教育パートナー


:::tip[学びながらAstroを支援]
教育パートナーの割引リンク（Astroのアフィリエイトリンク）から購入すると、代金の一部がAstroのオープンソース開発に還元されます。学びながらAstroを応援できます。
:::

信頼できる講師による動画・演習・プロジェクトで、段階的にAstroを学べます。

<LinkCard
  title="Coding in PublicでAstroを学ぶ"
  href="https://learnastro.dev/?code=ASTRO_PROMO"
  description="150本以上の動画レッスンで、Astroの組み込みツールや機能の使い方を学べるプレミアムなインタラクティブコースです。"
/>

<LinkCard
  title="James Q QuickでAstroを学ぶ"
  href="https://scrimba.com/intro-to-astro-c00ar0fi5u?via=astro"
  description="35本のScrimbaレッスンで、動画とIDEが一体化したユニークな学習プラットフォーム上で初めてのAstroサイトを構築します。"
/>

## コミュニティ学習リソース

ガイド、記事、ブログ投稿を集めたキュレーションコレクションから、コミュニティメンバーの知見を学びましょう。


<CardGrid>
<LinkCard
  title="Astro Tips"
  href="https://astro-tips.dev/"
  description="高度でユニークな、実験的かつコミュニティが書いたレシピ、チュートリアル、クイックヒント集。"
/>

<LinkCard
  title="Astro Support Squid"
  href="https://get.supportsquid.ink/"
  description="Astro Discord外の公開サポートフォーラムとナレッジベース。"
/>
</CardGrid>
